<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>薪资</title>
    <link rel="stylesheet" href="../../css/薪资/xinzi.css" />
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" />
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
    <!-- 模态框 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">删除</h4>
                </div>
                <div class="modal-body">是否确定删除</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="btn-primary">确认</button>
                </div>
            </div>
        </div>
    </div>


    <!-- 顶部导航栏 -->
    <div class="navigation-top">
        <nav class="nav-ct">
            <div class="nav-hd">
                <span class="iconfont icon-oabangong"></span>
                <span class="title">办公后台系统</span>
            </div>
            <div class="center">
                <ul class="nav-content">
                    <li><a href="../index.html">工作台</a></li>
                    <li><a href="">数据大屏</a></li>
                    <li><a href="">员工</a></li>
                    <li><a href="">组织</a></li>
                    <li><a href="">招聘</a></li>
                    <li><a href="">考勤</a></li>
                    <li><a href="">薪酬</a></li>
                    <li><a href="">社保公积金</a></li>
                    <li><a href="">绩效</a></li>
                    <li><a href="">培训</a></li>
                    <li><a href="">审批</a></li>
                    <li><a href="">权限设置</a></li>
                </ul>
            </div>
        </nav>
    </div>
    <div class="below">
        <!-- 左导航栏 -->
        <div class="navigation-left">
            <div class="nav-ct-2">
                <ul class="nav-ct-menu">
                    <div class="title">薪酬管理
                        <ul>
                            <li><a
                                    href="../薪资/薪资.html">薪资</a>
                            </li>
                            <li><a
                                    href="../薪资/薪资核算表.html">薪资核算表</a>
                            </li>
                            <li><a href="../薪资/工资条.html">工资条</a></li>
                        </ul>
                    </div>
                </ul>
            </div>
        </div>
        <!-- 内容部分 -->
        <div class="content">
            <!-- 内容搜索部分 -->
            <div class="content-top">
                <div class="content-top-top">
                    <h2>薪资档案</h2>
                </div>
                <div class="content-top-bottom">
                    <div class="condition">
                        <div>
                            <p id="name">
                                <span>姓名：</span>
                                <input type="text">
                            </p>
                            <p id="phone">
                                <span>手机号：</span>
                                <input type="text">
                            </p>

                            <p id="position">
                                <span>职位：</span>
                                <select name="" id="positionList"></select>
                            </p>
                        </div>
                        <div>
                            <p id="department">
                                <span>部门：</span>
                                <select name="" id="departmentList"></select>
                            </p>
                            <p>
                                <span></span>
                                <span style="width:218px
                                 ;"></span>
                            </p>
                            <div>
                                <button type="button" class="btn btn-primary" id="search">搜索</button>
                                <button type="button" class="btn btn-info" id="reset">重置</button>
                            </div>
                        </div>
                    </div>
                    <div id="screen">
                        <span class="screen">筛选条件：</span>
                    </div>
                </div>
            </div>
            <!-- 数据 -->
            <div class="content-bottom">
                <div class="content-bottom-top">
                    <button type="button" class="btn btn-primary educe" id="checkAll">全选</button>
                    <button type="button" class="btn btn-primary educe">导出</button>
                </div>
                <div id="information">
                    <table>
                        <thead>
                            <tr>
                                <th>姓名</th>
                                <th>工号</th>
                                <th>手机号</th>
                                <th>所在部门</th>
                                <th>职位</th>
                                <th>类型</th>
                                <th>
                                    <p>固定工资</p>
                                    <p>（元/月）</p>
                                </th>
                                <th>
                                    <p>绩效工资</p>
                                    <p>（元/月）</p>
                                </th>
                                <th>
                                    <p>总工资</p>
                                    <p>（元/月）</p>
                                </th>
                                <th>入职日期</th>
                                <th>转正日期</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="page-turning">
                    <div id="pre">
                        <span>
                            <img src="https://cdn3.axureshop.com/demo/2080033/images/%E8%8A%B1%E5%90%8D%E5%86%8C/u956.png"
                                alt="">
                        </span>
                    </div>
                    <div id="pages"></div>
                    <div id="next">
                        <span>
                            <img src="https://cdn3.axureshop.com/demo/2080033/images/%E8%8A%B1%E5%90%8D%E5%86%8C/u957.png"
                                alt="">
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../../js/薪资/薪资.js"></script>
</body>

</html>